React16

01-28 03:30

React16.8+Next.js+Koa2开发Github全栈项目完整版

React16.8+Next.js+Koa2开发Github全栈项目完整版第1章课程导学对课程整体进行介绍，让您切实感受到前端工程师学习的必要性。第2章项目搭建讲解 Nextjs 项目的搭建，其中会搭建自己的服务集成 Koa，集成 Antd 作为组件库。本章中还讲解了 Redis 在 Windows 和 Mac 系统上的安装和启动，讲解了 Redis 的基础使用，以及如何在 Nodejs 中连接 Redis 数据库。第3章 Next.js基础从目录结构开始逐步解析 Nextjs 的使用方法，在这章里，你能学到 Nextjs 的路由技巧，服务端渲染数据获取的方式，以及如何同步客户端渲染和服务端渲染的方式。同时我们还会深入 Nextjs 讲解如何自定义 App 和 Document 组件，以及集成第三方 css-in-js 的方法。... 第4章 React新特性Hooks讲解本章讲解 React 的最新爆点功能：Hooks。我们会介绍什么是 Hooks，基础 Hooks 的使用，包括 State Hooks，Effect Hooks、Context Hooks 和优化相关的 Hooks。然后我们会结合经典实例讲解在 Hooks 的使用中会遇到的问题，以及我们如何解决他。第5章引入Redux 我们会介绍 Redux 的使用。Redux 是现在非常火热的数据状态管理工具，也是 Flux 数据流最好的实现，现在的 React 开发中非常常用。同时我们会着重介绍 Redux 如何集成到 Nextjs 当中，这其中需要考虑服务端渲染数据同步的问题，我们会在课程中深度介绍。... 第6章 OAuth 介绍和接入我们围绕着 OAuth 第三方授权协议进行讲解。我们会介绍什么是 OAuth、他存在的意义、他的安全性、以及接入 OAuth 的流程。然后配合 Github OAuth 进行实战演练，在这个过程中我们还会实现 session 功能，并将 session 数据存入 Redis。第7章项目整体设计讲解项目内容整体的设计，包括页面整体布局，项目数据 API 代理，功能性组件的开发等。在项目正式开始页面开发之前，做好基础设施是提高开发效率的最好方法。第8章首页开发本章我们进行首页开发，主要包括获取用户自己创建的仓库，star 的仓库列表，并进行 Tab 切换展示。在这个过程中我们会开发一个通用的仓库展示组件，还会设计一个数据缓存方案，使用 LRU 方案进行 cache。第9章搜索页面开发本章我们进行搜索页面的开发，搜索页面会拥有很多的删选条件，我们要把这些条件反应到 URL 上，并且保存搜索记录，以带来更好的用户体验。同时我们会对搜索进行分页展示。第10章仓库详情页开发本章我们进行仓库详情页的开发。不管是在个人页面还是搜索页面，点击仓库都可以进入仓库详情页面，在这里我们可以查看仓库的介绍信息，以及仓库现存的 Issue 列表，我们还以点击查看 Issue 详情。第11章项目优化最后一章我们讲解 Nextjs 项目的一些优化方式。包括如何将项目静态化，如何在编译的过程中优化配置，让编译之后的文件更符合上线要求等。

516

01-28 03:21

React16.4 开发简书项目从零基础入门到实战

React16.4 开发简书项目从零基础入门到实战第1章课程导学本章主要介绍学习react的重要性，课程的知识大纲，学习前提，讲授方式及预期收获。 1-1 课程导学第2章 React初探本章主要讲解React项目的开发环境搭建，工程代码结构及React中最基础的语法内容，同时对前端组件化思想进行介绍。 2-1 React简介 2-2 React开发环境准备 2-3 工程目录文件简介 2-4 react中的组件 2-5 React 中最基础的JSX语法第3章 React基础精讲本章通过TodoList功能的实现，给大家完整介绍React的基础语法，设计理念以及围绕React展开的一些编程思维。 3-1 使用React编写TodoList功能 3-2 React 中的响应式设计思想和事件绑定 3-3 实现 TodoList 新增删除功能 3-4 JSX语法细节补充 3-5 拆分组件与组件之间的传值 3-6 TodoList 代码优化 3-7 围绕 React 衍生出的思考第4章 React高级内容本章讲解React高级部分内容，包含PropTypes，生命周期函数，虚拟Dom，数据mock，动画实现等部分课程讲解。 4-1 React developer tools 安装及使用 4-2 PropTypes 与 DefaultProps 的应用 4-3 props，state 与 render 函数的关系 4-4 React 中的虚拟DOM 4-5 深入了解虚拟DOM 4-6 虚拟 DOM 中的 Diff 算法 4-7 React 中 ref 的使用 4-8 React的生命周期函数 4-9 React 生命周期函数的使用场景 4-10 使用Charles实现本地数据mock 4-11 React 中实现 CSS 过渡动画 4-12 React 中使用 CSS 动画效果 4-13 使用 react-transition-group 实现动画（1） 4-14 react-transition-group 的使用(2) 第5章 Redux入门本章主要讲解Redux产生背景，组成内容以及使用方式，通过实例带大家上手Redux数据管理框架的使用。 5-1 Redux 概念简述 5-2 Redux 的工作流程 5-3 使用 Antd 实现 TodoList 页面布局 5-4 创建 redux 中的 store_x264 5-5 Action 和 Reducer 的编写 5-6 使用 Redux 完成 TodoList 删除功能_x264 5-7 ActionTypes 的拆分 5-8 使用 actionCreator 统一创建 action 5-9 Redux 知识点复习补充第6章 Redux进阶本章主要讲解UI组件与容器组件基础，如何使用redux-thunk，redux-saga等Redux中间件，以及react-redux的使用方式。 6-1 UI组件和容器组件 6-2 无状态组件 6-3 Redux 中发送异步请求获取数据 6-4 使用Redux-thunk 中间件实现ajax数据请求 6-5 什么是Redux的中间件 6-6 Redux-saga 中间件使用入门（1） 6-7 Redux-saga 中间件使用入门（2） 6-8 如何使用 React-redux（1） 6-9 如何使用 React-redux（2） 6-10 使用React-redux完成TodoList功能第7章项目实战：Header组件开发本章讲解项目中公用Header组件的开发，包含动画效果实现，iconfont，immutable.js，styled-components的使用以及异步数据的获取。 7-1 项目目录搭建，Styled-Components 与 Reset.css 的结合使用 7-2 使用 styled-components 完成 Header 组件布局（1） 7-3 使用 styled-components 完成 Header 组件布局（2） 7-4 使用 iconfont 嵌入头部图标 7-5 搜索框动画效果实现 7-6 使用 React-Redux 进行应用数据的管理 7-7 使用 combineReducers 完成对数据的拆分管理 7-8 actionCreators 与 constants 的拆分 7-9 使用 Immutable.js 来管理store中的数据 7-10 使用 redux-immutable 统一数据格式 7-11 热门搜索样式布局 7-12 Ajax获取推荐数据 7-13 代码优化微调 7-14 热门搜索换页功能实现 7-15 换页旋转动画效果的实现 7-16 避免无意义的请求发送，提升组件性能第8章项目实战：首页开发本章将带大家完成项目首页的开发，课程能容包含react-router4的使用，组件及reducer的拆分设计，首页部分的核心功能包含列表显示，加载更多，返回顶部等。 8-1 什么是路由，如何在React中使用路由功能 8-2 首页组件的拆分 8-3 首页专题区域布局及reducer的设计 8-4 首页文章列表制作 8-5 首页推荐部分代码编写 8-6 首页异步数据获取 8-7 异步操作代码拆分优化 8-8 实现加载更多功能 8-9 返回顶部功能实现 8-10 首页性能优化及路由跳转第9章项目实战：详情页面和登录功能开发本章将完成详情页面的开发，过程中将完整介绍react-router跨页面传值的方法及登陆鉴权的实现思路。同时我们将给大家介绍异步组件和路由withRouter方法的使用方式。 9-1 详情页面布局 9-2 使用redux管理详情页面数据 9-3 异步获取数据 9-4 页面路由参数的传递 9-5 登陆页面布局 9-6 登陆功能实现 9-7 登陆鉴权及代码优化 9-8 异步组件及withRouter路由方法的使用第10章课程总结本章将给大家介绍项目的上线流程，React版本升级对本项目的影响，并带大家进行整个课程的知识点回顾。 10-1 项目上线流程 10-2 React 版本升级说明 10-3 课程总结

497